.vipPaxCharts{
  :global{
    .ant-pro-table-toolbar-option{
      height: 40px;
    }
    .ant-legacy-form-item{
      margin-bottom: 0;
    }
    .ant-pro-table-search{
      padding: 20px;
      margin-bottom: 0;
    }
  }
  
}


.realTimeCharts{
  height: 100%;
  width: 100%;
  .searchBar{
    margin-bottom: 20px;
    .btns{
      text-align: right;

    }
  }
  .chartsBar{
    .options{
      width: 100%;
      margin: 20px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .date{
        span{
          display: inline-block;
          margin: 0 10px;
          color: #666;
          &:hover{
            cursor: pointer;
            color: #ED4444;
          }
          &.active{
            color: #ED4444;
          }
        }
      }
    }
    .cont{
      display: flex;
      justify-content: space-around;
      height: calc(100vh - 250px);
      .chartsCont{
        flex: 2;
      }
      .sortCont{
        flex:1;
        span{
          color: rbga(0,0,0,.85);
        }
        ul{
          margin-top:24px;
          padding: 0;
          li{
            width: 100%;
            list-style: none;
            height: 30px;
            line-height: 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            span:nth-child(1){
              span:nth-child(1){
                display: inline-block;
                text-align: center;
                height: 20px;
                line-height: 20px;
                width: 20px;
                border-radius: 10px;
                background: #ED4444;
                color: #fff;
              }
              span:nth-child(2){
                color: rgba(0,0,0,.65);
                margin-left: 20px;
              }
            }
            span:nth-child(2){
              color: rgba(0,0,0,.65);
              margin-left: 20px;
            }
          }
        }
      }
    }
  }
}